<div class="card">
  <div class="card-header">
     Share and Download
  </div>
  <div class="card-body">
    <p>
      <small>This link that can be used to share your results with collaborators:</small>
    </p>
    <div class="input-group" id="copy-controls-1">
      <input type="text" id="copy-value-1" class="form-control form-control-sm" readonly="" value="">
      <div class="input-group-append">
        <button id="copy-button-1" class="btn btn-primary btn-sm"><i class="far fa-copy"></i></button>
      </div>
    </div>
    <p style="margin-top:10px; margin-bottom: 0px;">
    <small>
    This link will expire on <b>{{job.expiresOn}}</b>.<br>Once it expires, the link is no longer valid.
      </small>
      </p>
      <p style="margin-top:10px; margin-bottom: 0px;">
    <a href="{{routeUrl("jobs_download", {job: job.id, file: "haplogroups.zip"})}}" class="btn btn-primary btn-sm"><i class="fas fa-file-archive"></i> Download Archive</a>
  </p>

  </div>
</div>

<script>
  {{ include "share-url.js" }}
</script>
